<template>
    <div class="comments-article">
        <div class="mb10 clearfix">
            <strong class="comments-stat">2 条评论</strong>
            <el-radio-group class="fr" size="mini">
                <el-radio-button label="默认排序" ></el-radio-button>
                <el-radio-button label="时间排序"></el-radio-button>
            </el-radio-group>
        </div>
        <div class="comments-container">
            <comment-list></comment-list>
            <comment-box></comment-box>
        </div>
    </div>
</template>

<script>
import UserHead from '../common/UserHead'
import CommentList from './CommentList';
import CommentBox from './CommentBox';

export default {
    name: 'comment',
    components: {
        CommentBox,
        CommentList,
        UserHead
    }
}
</script>

<style lang="scss" scoped>
.comments-article {
    margin-bottom: 10px;
    strong {
        font-size: 16px;
    }
}
</style>